<template>
	<view style="height: 100%">
		<view class="pd15 bgcf">
			<view class="" style="display: flex;justify-content: space-between;">
				<h2 class="f20 c28 f600 db" style="max-width: 540rpx;">{{ info.spare_parts_name }}</h2>
				<view class="" v-if="info.is_quotation !== 0"
					style="font-size: 24rpx;font-size: 24rpx;text-align: right;font-weight: bold;color: #1050c7;padding-right: 40rpx;">
					已报价:{{ info.list.length }}
				</view>
			</view>
			<view class="df ac f12 c9d mt8 bbf1 pb15">
				<span>{{ info.company }}</span>
				<!-- <span>{{info.created_at}}</span> -->
				<!-- <span class='ml30'>{{info.views}}人已查看</span> -->
			</view>
			<view class="pd150 bbf1">
				<view class="" style="display: flex;align-items: center;">
					<h2 class="f16 c23 f600 db">订单信息</h2>
					<view class="" v-if="userIS">
						<div class="tag tag1 ml4" v-if="grade > 0 && info.view_type > 0">
							{{ info.view_type === 1 ? '免费' : 'VIP' }}
						</div>
					</view>
				</view>
				<ul class="df ac fw mt5">
					<li class="mt8 df ac w50">
						<p class="w68 f14 c9d">询价时间</p>
						<span class="f14 c28">{{ info.created_at }}</span>
					</li>
					<li class="mt8 df ac w50">
						<p class="w68 f14 c9d">报价截止</p>
						<span class="f14 c28">{{ info.end_at }}</span>
					</li>
					<li class="mt8 df ac w50" v-if="info.procurement_area">
						<p class="w68 f14 c9d">采购区域</p>
						<span class="f14 c28">{{ info.procurement_area }}</span>
					</li>
					<li class="mt8 df ac w50">
						<p class="w68 f14 c9d">交货地</p>
						<span class="f14 c28">{{ info.province + info.city }}</span>
					</li>
				</ul>
				<view v-if="info.type == 2">
					<ul class="db mt12" v-if="info.file.length != 0 || info.drawing.length != 0">
						<li class="df ac mt8">
							<p class="c9d f14 w68">附件</p>
							<span
								style='background:#1050c7;color: #FFF;font-size: 28rpx;font-weight: bold;padding: 4rpx 20rpx;border-radius: 100rpx;'
								@tap.native="goDrawing($event, { i: 0, lj_name: info.spare_parts_name, img: info.drawing, name: info.file_name, file: info.file })"
								:data-i="0" :data-lj_name="info.spare_parts_name" :data-img="info.drawing"
								:data-name="info.file_name" :data-file="info.file">
								查看图纸
							</span>
							<view class="df ac jc xy-box" @tap="onAgreement" v-if="info.is_secrecy == 1">
								<image class="img14" src="https://wx.xtwaixie.com/img/lock.png"></image>
								<p class="f12 c10 ml4">保密协议</p>
							</view>
						</li>
						<li class="df ac mt8" v-if="info.is_secrecy == 1">
							<p class="c9d f14 w68"></p>
							<span class="f12 cf5">该询价单包含商业机密，需签订保密协议后才能查看</span>
						</li>
					</ul>

					<view class="mt12 df ac" v-if="info.file.length == 0 && info.drawing.length == 0">
						<p class="c9d f14 w68">附件</p>
						<span class="f12 cf5">*该订单未上传图纸，请联系采购商索取</span>
					</view>
				</view>
			</view>

			<view class="pd150 bbf1" v-if="info.type == 1">
				<h2 class="f16 c23 f600 db">交付信息</h2>
				<ul class="df ac fw mt5">
					<li class="mt8 df ac w50">
						<p class="w82 f14 c9d">是否含税</p>
						<span class="f14 c28">{{ info.is_tax_include }}</span>
					</li>
					<li class="mt8 df ac w50">
						<p class="w82 f14 c9d">是否含运费</p>
						<span class="f14 c28">{{ info.is_freight }}</span>
					</li>
					<li class="mt8 df ac w50">
						<p class="w82 f14 c9d">付款方式</p>
						<span class="f14 c28">{{ info.is_budget }}</span>
					</li>
					<li class="mt8 df ac w50">
						<p class="w82 f14 c9d">交货时间</p>
						<span class="f14 c28">{{ info.delivery_at }}</span>
					</li>
				</ul>
			</view>

			<!-- 零件信息 -->
			<view class="pt15" v-if="info.type == 1">
				<h2 class="f16 c23 f600 db">零件信息</h2>
				<ul class="db">
					<block v-for="(item, index) in info.DemandParts" :key="index">
						<li class="mt15 db pr">
							<p class="lj-title">零件{{ index + 1 }}</p>
							<image class="lj-img" referrerPolicy='no-referrer' :src="item.redrawing"></image>
							<ul class="db">
								<li class="df ac mt12">
									<p class="c9d f14 w40">名称</p>
									<span class="f14 c28">{{ item.spare_parts_name }}</span>
								</li>
								<li class="df ac mt8" v-if="item.machining_name">
									<p class="c9d f14 w40">工艺</p>
									<span class="f14 c28">{{ item.machining_name }}</span>
								</li>
								<li class="df ac mt8" v-if="item.material">
									<p class="c9d f14 w40">材料</p>
									<span class="f14 c28">{{ item.material }}</span>
								</li>
								<li class="df ac mt8" v-if="item.number">
									<p class="c9d f14 w40">数量</p>
									<span class="f14 c28">{{ item.number + item.piece }}</span>
								</li>
								<li class="df mt8" v-if="item.remarks">
									<p class="c9d f14 w40">备注</p>
									<span class="f14 c28 f1">{{ item.remarks }}</span>
								</li>
								<li class="db" v-if="item.file.length != 0 || item.drawing.length != 0">
									<view class="df ac mt8">
										<p class="c9d f14 w40">附件</p>
										<span
											style='background:#1050c7;color: #FFF;font-size: 28rpx;font-weight: bold;padding: 4rpx 20rpx;border-radius: 100rpx;'
											@tap.native="goDrawing($event, { i: index, lj_name: item.spare_parts_name, img: item.drawing, name: item.file_name, file: item.file })"
											:data-i="index" :data-lj_name="item.spare_parts_name"
											:data-img="item.drawing" :data-name="item.file_name" :data-file="item.file">
											查看图纸
										</span>
										<view class="df ac jc xy-box" @tap="onAgreement" v-if="info.is_secrecy == 1">
											<image class="img14" src="https://wx.xtwaixie.com/img/lock.png"></image>
											<p class="f12 c10 ml4">保密协议</p>
										</view>
									</view>
									<view class="df ac mt8" v-if="info.is_secrecy == 1">
										<p class="c9d f14 w40"></p>
										<span class="f12 cf5">该询价单包含商业机密，需签订保密协议后才能查看</span>
									</view>
								</li>

								<li class="mt12 df ac" v-if="item.file.length == 0 && item.drawing.length == 0">
									<p class="c9d f14 w40">附件</p>
									<span class="f12 cf5">*该订单未上传图纸，请联系采购商索取</span>
								</li>
							</ul>
						</li>
					</block>
				</ul>
			</view>
		</view>
		<view class="pd15 pb20 mt10 bgcf" id="content" style="position:relative">
			<view class="quotationInfoBox">
				<view class="" style="display: flex;align-items: center;">
					<h2 class="f16 c28 f600 db" style='width: 160rpx;'>报价信息</h2>
				</view>
				<view class="quotationInfo" @click="createReport()" v-if="type == 'supplier'">
					投诉
				</view>
			</view>
			<ul class="db">
				<li class="df ac mt10">
					<p class="f14 c9d w80">单价</p>
					<p class="f14 cf5" style="font-weight: bold;">{{userSettled.price}}元</p>
				</li>
				<li class="df ac mt10">
					<p class="f14 c9d w80">内容</p>
					<p class="f14 c28">{{userSettled.description}}</p>
				</li>
				<li class="df ac mt10" v-if="userSettled.file.length == 0">
					<p class="f14 c9d w80">附件</p>
					<span class="f12 cf5">*该报价未上传附件</span>
				</li>
				<li class="df ac mt10" v-else>
					<p class="f14 c9d w80">附件</p>
					<p style='background:#1050c7;color: #FFF;font-size: 28rpx;font-weight: bold;padding: 4rpx 20rpx;border-radius: 100rpx;'
						@click='lookPicture()'>查看报价附件</p>
				</li>
				<li class="df ac mt10" v-if="userSettled.status === 3">
					<p class="f14 c9d w80">驳回原因</p>
					<p class="f14 c28">{{userSettled.reason}}</p>
				</li>
			</ul>
			<view v-if="userSettled.status === 3 && user_info.grade != 0" class="watermark">
				<image :src="getImgSrc('/uploads/20240415/1713163836661cce3c03f45.png')" mode="widthFix"></image>
			</view>
		</view>
		<!-- <view class="pd15 pb20 mt10 bgcf" id="content">
			<view class="quotationInfoBox" style="padding-bottom: 10rpx;margin-bottom: 10rpx;">
				<view class="" style="display: flex;align-items: center;justify-content: space-between;width: 100%;">
					<h2 class="f16 c28 f600 db" style='width: 200rpx;'>{{ type == 'supplier' ?   '给供应商留言' : '采购商回复'}}
					</h2>
					<view class="f12 cf5" v-if="type != 'supplier'">
						如采购商未回应，可主动联系
					</view>
				</view>
			</view>
			<ul>
				<textarea @blur="bindTextAreaBlur" :value='leave_message' v-if="type == 'supplier'" :focus='focus'
					placeholder='可点击输入对该报价的意向情况、建议等内容' class="db f14"
					style="height: 100rpx;padding-top: 15rpx;background-color: #E5E5E5;width: 100%;border-radius: 10rpx;" />
				<view class="db f14 c28" style="min-height: 100rpx;padding-top: 15rpx;" v-else>
					{{leave_message}}
				</view>

			</ul>
		</view> -->
		<view class="pd15 pb20 bgcf mt10" v-if="type == 'supplier'">
			<view class="supplierBox">
				<view class="">
					<h2 class="f16 c28 f600 db">供应商信息</h2>
					<view class="supplierType">
						企业实名认证
					</view>
				</view>
				<view class="supplierBtn" @click="qualifications(userSettled.userSettled)">
					查看工厂信息
				</view>
			</view>
			<ul class="db">
				<li class="df ac mt10">
					<p class="f14 c9d w80">企业名称</p>
					<p class="f14 c28">{{ userSettled.userSettled.company }}</p>
				</li>
				<li class="df ac mt10">
					<p class="f14 c9d w80">联系人</p>
					<p class="f14 c28">{{ userSettled.userSettled.person }}</p>
				</li>
				<li class="df ac mt10" @tap.native="onCall(userSettled.userSettled.mobile)" :data-mobile="info.mobile">
					<p class="f14 c9d w80">联系方式</p>
					<p class="f14 c28">{{ userSettled.userSettled.mobile }}</p>
					<p class="cop-but ml30" @tap.stop="copy()">复制</p>
				</li>
				<li class="df ac mt10" v-if="userSettled.user.email">
					<p class="f14 c9d w80"><image src="@/static/success.png" mode="widthFix" style="height: 40rpx;width: 40rpx;"></image></p>
					<p class="f14 c28">{{ userSettled.user.email }}</p>
					<P class="cop-but ml30" @tap.native="copyText1(userSettled.user.email)">复制</P>
				</li>
			</ul>
		</view>
		<view class="pd15 pb20 bgcf mt10" v-if="type == 'user'">
			<h2 class="f16 c28 f600 db">采购商信息</h2>
			<ul class="db">
				<li class="df ac mt10">
					<p class="f14 c9d w80">企业名称</p>
					<p class="f14 c28">{{ info.company }}</p>
				</li>
				<li class="df ac mt10">
					<p class="f14 c9d w80">联系人</p>
					<p class="f14 c28">{{ info.username }}</p>
				</li>
				<li class="df ac mt10" @tap.native="onCall(info.mobile)" :data-mobile="info.mobile">
					<p class="f14 c9d w80">联系方式</p>
					<p class="f14 c28">{{ info.mobile }}</p>
					<P class="cop-but ml30" v-if="info.mobile !== '****'" :data-text="info.mobile"
						@tap.stop="copyText($event, { text: info.mobile })">复制</P>
				</li>
				<li class="df ac mt10" v-if="info.email">
					<p class="f14 c9d w80"><image src="@/static/success.png" mode="widthFix" style="height: 40rpx;width: 40rpx;"></image></p>
					<p class="f14 c28">{{ info.email }}</p>
					<P class="cop-but ml30" v-if="info.email !== '****'" :data-text="info.email"
						@tap.native="copyText($event, { text: info.email })">复制</P>
				</li>
			</ul>
		</view>
		<view class="pob btf1 pd715">
			<!-- <view class="df ac sb" v-if="userSettled.status === 3">
				<view class="f1 h48 bgcr br24 df jc ac" v-if="type == 'user'" @tap="onContact">
					<span class="f16 cf f500 tc">已驳回</span>
				</view>
			</view> -->
			<!-- v-else -->
			<view class="df ac sb" >
	
				<view class="" style="width: 100%;" v-if="user_info.grade != 0 && userSettled.status === 3 && userSettled.quotation_type != 1 && type != 'supplier'">
					<view class="f1 h48 bgcr br24 df jc ac"  @tap="goQuotation">
						<span class="f16 cf f500 tc">重新报价</span>
					</view>
				</view>
				<view class="f1 mr20 more-btn-outer " v-if="userSettled.status !== 3" @tap="onNaviTo" data-path="/pages/demand/demand">
					<button class="more-btn tc h48 br24 jc ac" style="width: 100% !important;"
						:class="{bgcr:type!= 'user',gray:userSettled.status === 3}">
						<text class="f16 cf f500">{{type == 'user' ? '更多订单' : userSettled.status === 3 ? '已驳回' : '驳回该报价'}}</text>
					</button>
						<view class="b-tag" v-if="count > 0 && type == 'user'">{{ count }}</view>
					</view>
					<view class="f1 h48 bgcr br24 df jc ac" v-if="type == 'user' && userSettled.status !== 3 " @tap="onContact">
						<span class="f16 cf f500 tc" v-if="userSettled.status === 1">审核中</span>
						<span class="f16 cf f500 tc" v-else-if="userSettled.status === 2">联系采购商</span>
						<!-- <span class="f16 cf f500 tc" v-else-if="userSettled.status === 3">已驳回</span> -->
					</view>
					<view class="f1 h48 br24 df jc ac" v-else-if="userSettled.status !== 3" @tap="onContact" style="background-color: #32A046;">
						<image src="https://cdn.xtwaixie.com/uploads/20240402/1712039947660ba80bdc836.png" mode="heightFix"
							style="height: 30rpx;width: auto;margin-right: 5rpx;"></image>
						<span class="f16 cf f500 tc">联系供应商</span>
					</view>
				
			</view>
		</view>
		<!-- 联系采购商需入驻供应商 -->
		<van-popup :show="show_list[0]" round>
			<p class="df ac jc pd200 mt5 w311">
				<span class="f16 c28 f500">联系采购商需入驻供应商</span>
			</p>
			<view class="df ac btf1 h48 mt15">
				<p class="w50 tc f16 c28" @tap.native="onClose">取消</p>
				<button class="share-but1 h48 c10" @tap="goSettled">免费入驻</button>
			</view>
		</van-popup>
		<!-- 免费领取次数 -->
		<van-popup :show="show_list[5]" round>
			<p class="db pd200 mt5 w311">
				<span class="f20 c28 f500 db tc">暂无查看次数</span>
				<span class="f16 db tc mt8">您可免费领取3次，或升级会员查看</span>
			</p>
			<view class="df ac btf1 h48">
				<button class="share-but1 h48 c10" @tap.native="receive">免费领取</button>
				<button class="share-but1 h48 c10" @tap="member">升级会员</button>
			</view>
		</van-popup>
		<!-- 截止 -->
		<van-popup :show="show_list[6]" round>
			<p class="df ac jc pd200 mt5 w311">
				<span class="f16 c28 f500">该订单已完成报价，已无法进行报价</span>
			</p>
			<p class='df ac jc btf1 f16 c10 h48' bindtap='onClose'>我知道了</p>
		</van-popup>
		<van-popup :show="show_list[7]" round>
			<p class="df ac jc pd200 mt5 w311">
				<span class="f16 c28 f500">报价审核中，请勿重复报价</span>
			</p>
			<p class='df ac jc btf1 f16 c10 h48' bindtap='onClose'>我知道了</p>
		</van-popup>
		<!-- 账户积分不足 -->
		<van-popup :show="show_list[1]" round>
			<p class="df ac jc pd200 mt5 w311">
				<span class="f16 c28 f500" v-if="platform != 'ios'">您的积分不足,请先开通会员获取积分</span>
				<span class="f16 c28 f500" v-if="platform == 'ios'">您的积分不足</span>
			</p>
			<view class="df ac btf1 h60 mt15">
				<p class="w50 tc h60 f16 c28" style="line-height: 120rpx" @tap.native="onClose">取消</p>
				<button class="share-but1 h60 c10 df ac sa" v-if="platform != 'ios'" @tap="goVip1">
					<text style="height: 120rpx; line-height: 120rpx">立即开通</text>
				</button>
				<button class="share-but1 h60 c10 df ac sa" v-if="platform == 'ios'"
					style="flex-direction: column; position: relative" @tap="goVip2">
					<text style="height: 120rpx; line-height: 120rpx">成为会员供应商</text>
					<text style="
                            font-size: 24rpx;
                            position: absolute;
                            left: 50%;
                            transform: translateX(-50%);
                            bottom: 4rpx;
                            padding: 2rpx 10rpx;
                            border: 1px solid rgb(212, 51, 65);
                            border-radius: 10rpx;
                            color: rgb(212, 51, 65);
                            line-height: 30rpx;
                        ">
						无限积分
					</text>
				</button>
				<!-- <button class="share-but1 h48 c10" bindtap='goVip'>立即开通</button> -->
			</view>
		</van-popup>
		<!-- 查看图纸需入驻供应商 -->
		<van-popup :show="show_list[2]" round>
			<p class="df ac jc pd200 mt5 w311">
				<span class="f16 c28 f500">查看图纸需入驻供应商</span>
			</p>
			<view class="df ac btf1 h48 mt15">
				<p class="w50 tc f16 c28" @tap.native="onClose">取消</p>
				<button class="share-but1 h48 c10" @tap="goSettled">免费入驻</button>
			</view>
		</van-popup>
		<!-- 签订保密协议支付 -->
		<van-popup :show="show_list[3]" round>
			<p class="db pd200 mt5 w311">
				<span class="f16 c28 f500 db tc">签订保密协议</span>
				<!-- <span class='f16 c28 f500 db tc mt8'>需 <i class="cff8">{{info_num.view_demand}}积分</i></span> -->
				<span class="f14 cf5 db tc mt8">查看该图纸需要先签订保密协议</span>
			</p>
			<view class="df ac btf1 h48">
				<p class="w50 tc f16 c28" @tap.native="onClose">取消</p>
				<button class="share-but1 h48 c10" @tap="onAgreePay">立即签订</button>
			</view>
		</van-popup>
		<!-- 签订保密协议 -->
		<van-popup :show="show_list[4]" round>
			<span class="f16 c28 f500 db tc mt20 mt5 w311">夕腾外协标准保密协议</span>
			<scroll-view class="xy-box1 w311 mt10" :scroll-y="true">
				<view class="xy-content">
					作为查看本订单的前提条件，您在此向采购商（此订单发布人/单位）做出承诺如下：
					<view class="mt10">
						1、本订单、附件及相关数据（“保密信息”）均为采购商所有，仅限您准备报价，与采购商洽谈、实现及履行交易使用，不得用于除前述目的外的任何其他用途；
					</view>
					<view class="mt10">
						2、保密信息所涉知识产权及其他相关权利（“知识产权”）均归采购商或其他相关方所有，获准查看保密信息并不表示您获得任何知识产权授权，未经采购商同意，您无权对知识产权加以利用；
					</view>
					<view class="mt10">3、未经采购商同意，不得向任何第三方或公众披露保密信息；</view>
					<view class="mt10">4、您承诺将以不低于保护自己的秘密信息和专有信息同等的谨慎和保护措施（但无论如何不得低于合理注意的程度）来保护保密信息；</view>
					<view class="mt10">5、您承诺仅将保密信息披露给为实现1中所述目的不得不接触该信息的员工，并保证其遵守本承诺文件的规定；</view>
					<view class="mt10">6、如违反本承诺文件之规定，您承诺：</view>
					<view class="mt10">（1）无论故意与过失，应当立即停止侵害，并在第一时间采取一切必要措施防止保密信息的扩散和／或损失的增加，尽最大可能消除影响；</view>
					<view class="mt10">（2）如给采购商造成损失，应承担相应损害赔偿责任。</view>
				</view>
			</scroll-view>
			<view class="df ac btf1 h48 mt15">
				<p :class="'w50 df ac jc f16 h48 ' + (count_time == 0 ? 'c28' : 'bgcf7 c6b')" @tap.native="onClose">取消
				</p>
				<button :class="'share-but1 cf h48 ' + (count_time == 0 ? 'bgc10' : 'cfe')"
					@tap="onAgree">同意并继续({{ count_time }})</button>
			</view>
		</van-popup>
		<!-- <van-popup show="{{ show_list[0] }}" round bind:close="onClose">
  <p class='df ac jc pd200 mt5 w311'>
    <span class='f16 c28 f500'>分享好友可获得</span>
    <span class='f16 cff8 f500 ml4'>+30积分</span>
  </p>
  <view class="pd020 ml15">
    <p class="db f12 cf5">1.保存二维码至手机，打开微信扫一扫</p>
    <p class="db f12 cf5">2.微信搜索 “夕腾设备” 公众号添加关注</p>
  </view>
  <view class='df ac btf1 h48 mt15'>
    <p class='w50 tc  f16 c28' bindtap='onClose'>取消</p>
    <button class="share-but1 h48 " open-type='share'>立即分享</button>
  </view>
</van-popup> -->
		<!-- <van-popup show="{{ show_list[1] }}" round bind:close="onClose">
	<view wx:if='{{official_show}}'>
		<p class='df ac jc pd200 mt5 w311'>
			<span class='f16 c28 f500'>关注公众号，实时推送 </span>
			<span class='f16 cff8 f500 ml4'>+最新订单 </span>
		</p>
		<official-account></official-account>
		<view class='tc f16 c28 h48 lh48' bindtap='onClose'>取消</view>
	</view>
	<view wx:else>
		<p class='df ac jc pd200 mt5 w311'>
			<span class='f16 c28 f500'>关注公众号，实时推送 </span>
			<span class='f16 cff8 f500 ml4'>+最新订单 </span>
		</p>
		<view class="pd020 ml15">
			<p class="db f12 cf5">1.保存二维码至手机，打开微信扫一扫</p>
			<p class="db f12 cf5">2.微信搜索 “夕腾设备” 公众号添加关注</p>
		</view>
		<image class="gz_img" src="{{img}}" />

		<view class='df ac btf1 h48'>
			<p class='w50 tc  f16 c28' bindtap='onClose'>取消</p>
			<button class="share-but1 h48" bindtap='saveImage'>保存二维码</button>
		</view>
	</view>
</van-popup> -->
		<!-- <van-popup show="{{ show_list[2] }}" round bind:close="onClose">
  <view class=' w311'>
    <view class='pd1525'>
      <h2 class='f16 c28 f600 db tc mt8'>积分扣除提醒</h2>
      <p class='c28 f14 tc db mt8'>
        查看本订单联系方式需支付
        <span class="cf5">{{info_num.view_demand}}</span>
        积分
      </p>
      <P class='content db mt8'>积分将从积分账户内扣除，扣除后将不做退还。如对此订单有疑问请在底部菜单“我的”-“联系客服”进行反馈。</P>
    </view>
    <view class='df ac btf1 h48 mt15'>
      <p class='w50 tc  f16 c28' bindtap='onClose'>取消</p>
      <button class="share-but1 h48 f600" bindtap='onViewNow'>查看</button>
    </view>
  </view>
</van-popup> -->
		<!-- <van-popup show="{{ show_list[3] }}" round bind:close="onClose">
  <view class=' w311'>
    <view class='pd1520'>
      <h2 class='f16 c28 f600 db tc'>{{see_title}}</h2>
      <P class='f12 c6 db mt8'>1.商城消费获取积分（1元=1积分）</P>
      <p class='mt5 f12 db f12 c6'>本平台提供主流品牌刀具，量具，夹具等机械加工相关易耗品。原装正品，选型方便，在线下单，并提供专业的技术支持.</p>
      <navigator url="/pages/shopping/shopping" hover-class="none" open-type="reLaunch" class='jf-go'>
        去逛逛
      </navigator>
      <P class='f12 c6 db mt8'>2.发布真实需求（获取300积分）</P>
      <navigator url="/pages/demand/subDemand" hover-class="none" open-type="reLaunch" class='jf-go'>
        去发布
      </navigator>
      <p class='mt5 f12 db c6 pd500 tc'>更多获取积分的方法请微信搜索“夕腾外协”并关注公众号</p>
    </view>
    <view class='df ac btf1 h48 mt15'>
      <p class='w50 tc f16 c28' bindtap='goWeb'>去关注</p>
      <p class='w50 tc f16 c28' bindtap='onSee' data-type='{{1}}'>去关注</p>
      <button class="share-but1 h48" bindtap="onClose">我知道了</button>
    </view>
  </view>
</van-popup> -->
		<!-- <van-popup show="{{ show_list[2] }}" round bind:close="onClose">
	<view class=' w311'>
		<view class='pd1525'>
			<h2 class='f16 c28 f600 db tc mt8'>{{see_title}}</h2>
			<p class='content db mt8'>1.分享至机械微信群获取积分（一个群可获取30积分，分享至微信群后将截图在“我的”-“分享提交”中提交审核，每天可分享最多5个群）；</p>
			<P class='content db'> 2.商场消费可获取同等金额的积分（1元=1积分）； </P>
			<P class='content db'> 3.发布真实需求可获取300积分。 </P>
		</view>
		<p class='df ac jc btf1 f16 c10 h48' bindtap='onClose'>我知道了</p>
	</view>
</van-popup> -->
		<toast :value='showTipss' title='报价审核中，请勿重复报价' btnText='知道了' @change='showTipss=false' />
		<van-popup :show="rejectPopup" @close="rejectPopup = false" round>
			<view class="rejectPopup">
				<view class="PopupTitle">
					驳回该报价
				</view>
				<textarea placeholder="填写对该报价的意见或问题。" auto-height class="db f14" v-model="bhInput"
					style="height: 100rpx;padding-top: 15rpx;background-color: #E5E5E5;width: 100%;border-radius: 10rpx;text-align: left;min-height: 150rpx;" />
				<view class="PopupImportant">
					*驳回后，工厂会收到驳回提醒，可重新再给您报价。可提出具体问题，便于供应商再次报价
				</view>
				<view class="rejectBtn" @tap="bh()">
					确认
				</view>
			</view>
		</van-popup>
	</view>
</template>

<script>
	const http = require('../../utils/http');
	import {
		toast
	} from "@/component/toast.vue"
	export default {
		components: {
			toast
		},
		data() {
			return {
				bhInput:'',
				rejectPopup: false,
				show_list: [false, false, false, false, false, false, false, false],
				id: '',
				showTipss: false,
				grade: 0,
				showPopup: false,
				leave_message: '',
				info: {
					spare_parts_name: '',
					company: '',
					created_at: '',
					end_at: '',
					procurement_area: '',
					province: '',
					city: '',
					type: 0,
					file: [],
					drawing: [],
					file_name: '',
					is_secrecy: 0,
					is_tax_include: '',
					is_freight: '',
					is_budget: '',
					delivery_at: '',
					DemandParts: [],
					username: '',
					mobile: '',
					email: '',
					quotation: null,
					view_type: 0,
					list: []
				},

				info_num: {
					is_pay: 0,
					view_demand: '',
					new_demand_ad: []
				},

				see_title: '如何获取积分',
				official_show: '',
				img: '',
				num_jf: 0,
				share_num: '',
				count_time: 3,
				user_info: {},
				count: '',
				focus: false,
				// 未读数量
				platform: '',

				content: '',
				type: '',
				quotationId: '',
				userSettled: {
					file: []
				},
				topId: '',
				num: 0,
				userIS:''
			};
		}
		/**
		 * 生命周期函数--监听页面加载
		 */
		,
		onLoad(options) {
			let scene = uni.getStorageSync('scene');
			if (scene == 1011 || scene == 1017 || scene == 1025 || scene == 1047 || scene == 1124) {
				this.official_show = true;
			} else {
				this.official_show = false;
			}
			if (options.type) {
				this.type = options.type
			}
			if (options.quotationId) {
				this.quotationId = options.quotationId
			}
			if (options.topId) {
				this.topId = options.topId
			}
			this.id = options.id
			this.img = uni.getStorageSync('gz_img')
			let obj = uni.getSystemInfoSync();
			this.platform = obj.platform
		},
		/**
		 * 生命周期函数--监听页面初次渲染完成
		 */
		onReady() {},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow(options) {
			let token = uni.getStorageSync("token");
			if(token){
				this.getInfo();
				this.getUserInfo();
			} else {
				this.wxAuthLogin().then(() => {
					this.getInfo();
					this.getUserInfo();
				});
			}
			// if (token) {
			// 	this.getUserInfo();
			// }
			this.show_list = [false, false, false, false, false, false, false, false]
			this.$forceUpdate()
		},
		/**
		 * 生命周期函数--监听页面隐藏
		 */
		onHide() {},
		/**
		 * 生命周期函数--监听页面卸载
		 */
		onUnload() {
			if (this.topId) {
				uni.$emit('changeId', this.topId)
			}
		},
		/**
		 * 页面相关事件处理函数--监听用户下拉动作
		 */
		onPullDownRefresh() {},
		/**
		 * 页面上拉触底事件的处理函数
		 */
		onReachBottom() {},
		/**
		 * 用户点击右上角分享
		 */
		onShareAppMessage() {
			// http
			//   .request("base/userShareAddNumber")
			//   .then((res) => {
			//     console.log(res);
			//   })
			//   .catch((res) => {
			//     console.log(res);
			//   });
			// this.getShareNum();
			// return {
			//   title: this.data.info.spare_parts_name,
			//   desc: this.data.info.spare_parts_name,
			//   path: "pages/demand/demandDetails?id=" + this.data.id,
			// };
		},
		methods: {
			bindTextAreaBlur(e) {
				this.leave_message = e.detail.value
				this.focus = false
				http.request('demand/leaveMessage', {
						id: this.quotationId,
						content: this.leave_message
					})
					.then((res) => {
						if (res.code == 200) {
							uni.showToast({
								title: res.message,
								icon: 'none'
							});
						}
					})
					.catch((res) => {
						uni.showToast({
							title: res.message,
							icon: 'none'
						});
					});
			},
			copy() {
				uni.setClipboardData({
					data: this.userSettled.userSettled.mobile,
					success: function() {
						uni.showToast({
							title: '复制成功',
							icon: 'none'
						});
					}
				});
			},
			lookPicture() {
				let img = []
				let file = []
				let name = []
				this.userSettled.file.forEach(res => {
					if (res.name.split('.')[res.name.split('.').length - 1] == 'jpg' || res.name.split('.')[res
							.name.split('.').length - 1] == 'png') {
						img.push(res.url)
					} else {
						file.push(res.url)
						name.push(res.name)
					}
				})
				if (this.user_info.grade == 2) {
					uni.navigateTo({
						url: '/pages/demand/drawing?name=' + JSON.stringify(name) + '&file=' + JSON.stringify(
								file) +
							'&img=' + JSON.stringify(img) + '&lj_name=' +
							this.info.spare_parts_name + '&decrypt=' + encodeURIComponent(this.userSettled
								.decrypt) +
							'&index=1' + '&decrypt_time=' + this.info.decrypt_time + `&id=${this.id}` +
							'&grade=grade&quotation=1'
					});
				} else {
					uni.navigateTo({
						url: '/pages/demand/drawing?name=' + JSON.stringify(name) + '&file=' + JSON.stringify(
								file) +
							'&img=' + JSON.stringify(img) + '&lj_name=' +
							this.info.spare_parts_name + '&decrypt=' + encodeURIComponent(this.userSettled
								.decrypt) +
							'&index=1' + '&decrypt_time=' + this.info.decrypt_time + `&id=${this.id}&quotation=1`
					});
				}

			},
			qualifications(item) {
				uni.navigateTo({
					url: `/subPack/factoryDetails/factoryDetails?id=${this.userSettled.user.id}`
				})
				// uni.navigateTo({
				// 	url: `/pages/qualifications/qualifications?company=${item.company}&business_license=${item.business_license}`
				// })
			},
			createReport() {
				uni.navigateTo({
					url: "/pages/createReport/createReport?id=" + this.userSettled.id
				})
			},
			// 联系采购商
			onContact() {
				if (this.type == 'user') {
					if (this.userSettled.status === 2) {
						uni.makePhoneCall({
							phoneNumber: this.info.mobile
						});
					}
				} else {
					uni.makePhoneCall({
						phoneNumber: this.userSettled.userSettled.mobile
					});
				}

				return false;

			},
			end() {
				this.show_list[6] = true
				this.$forceUpdate()
			},
			// 报名页面
			goQuotation() {
				uni.navigateTo({
					url: `/pages/quotation/quotation?delivery=${this.info.province + this.info.city}&id=${this.id}&spare_parts_name=${this.info.spare_parts_name}${this.info.is_freight ? '&is_freight='+this.info.is_freight : ''}${this.info.is_tax_include ? '&is_tax_include=' + this.info.is_tax_include : ''}`
				})
			},
			// 查看图纸
			goDrawing(e, _dataset) {
				/* ---处理dataset begin--- */
				this.handleDataset(e, _dataset);
				/* ---处理dataset end--- */
				let name = JSON.stringify(e.currentTarget.dataset.name);
				let img = JSON.stringify(e.currentTarget.dataset.img);
				console.log(img);
				let file = JSON.stringify(e.currentTarget.dataset.file);
				let lj_name = e.currentTarget.dataset.lj_name;
				let i = e.currentTarget.dataset.i;
				let token = uni.getStorageSync('token')
				if (!token) {
					uni.showToast({
						title: '您还未登录，请先登录',
						icon: 'none'
					});
					setTimeout(() => {
						uni.navigateTo({
							url: '/pages/login/login'
						});
					}, 1000);
					return false;
				}
				if(this.info.uid==this.user_info.id){
					if (this.user_info.grade == 2) {
						uni.navigateTo({
							url: '/pages/demand/drawing?name=' + name + '&file=' + file + '&img=' + img +
								'&lj_name=' +
								lj_name + '&decrypt=' + encodeURIComponent(this.info.decrypt) + '&decrypt_time=' +
								this.info.decrypt_time + `&id=${this.id}` + '&grade=grade'
						});
					} else {
						uni.navigateTo({
							url: '/pages/demand/drawing?name=' + name + '&file=' + file + '&img=' + img +
								'&lj_name=' +
								lj_name + '&decrypt=' + encodeURIComponent(this.info.decrypt) + '&decrypt_time=' +
								this.info.decrypt_time + `&id=${this.id}`
						});
					}
					return
				}
				if (this.user_info.grade == 0 && this.userSettled.userSettled.uid != this.user_info.id) {
					this.show_list[2] = true
					this.$forceUpdate()
				} else if (this.info.is_secrecy == 1) {
					this.show_list[3] = true
					this.$forceUpdate()
				} else {
					if (this.user_info.grade == 2) {
						uni.navigateTo({
							url: '/pages/demand/drawing?name=' + name + '&file=' + file + '&img=' + img +
								'&lj_name=' +
								lj_name + '&decrypt=' + encodeURIComponent(this.info.decrypt) + '&decrypt_time=' +
								this.info.decrypt_time + `&id=${this.id}` + '&grade=grade'
						});
					} else {
						uni.navigateTo({
							url: '/pages/demand/drawing?name=' + name + '&file=' + file + '&img=' + img +
								'&lj_name=' +
								lj_name + '&decrypt=' + encodeURIComponent(this.info.decrypt) + '&decrypt_time=' +
								this.info.decrypt_time + `&id=${this.id}`
						});
					}

				}
			},

			// 去入驻
			goSettled() {
				uni.navigateTo({
					url: '/pages/settled/setPage'
				});
			},
			quotationUrl() {
				uni.navigateTo({
					url: '/pages/myQuotation/myQuotation'
				});
			},
			receives() {
				this.show_list[5] = true
				this.$forceUpdate()
			},
			receive() {
				uni.redirectTo({
					url: '/pages/my/my'
				});
			},
			member() {
				uni.navigateTo({
					url: '/pages/recharge/recharge'
				});
				// if (this.platform === 'ios') {
				// 	uni.navigateTo({
				// 		url: '/pages/recharge/iosvip'
				// 	});
				// } else {
				// 	uni.navigateTo({
				// 		url: '/pages/recharge/recharge'
				// 	});
				// }
			},
			copyText1(texts) {
				uni.setClipboardData({
					data: texts,
					success(res) {
						uni.getClipboardData({
							success(res) {
								uni.showToast({
									title: '复制成功',
									icon: 'none'
								});
							}
						});
					}
				});
			},
			// 点击复制
			copyText(e, _dataset) {
				/* ---处理dataset begin--- */
				this.handleDataset(e, _dataset);
				/* ---处理dataset end--- */
				let text = e.currentTarget.dataset.text;
				uni.setClipboardData({
					data: text,
					success(res) {
						uni.getClipboardData({
							success(res) {
								uni.showToast({
									title: '复制成功',
									icon: 'none'
								});
							}
						});
					}
				});
			},
			// 保密显示显示
			onAgreement(e) {
				let i = e.currentTarget.dataset.i;
				this.show_list[3] = true
				this.$forceUpdate()
			},

			// 去签订保密协议
			onAgreePay() {
				this.onClose();
				this.show_list[4] = true
				this.$forceUpdate()
				this.count_time = 3
				let count = setInterval(() => {
					this.count_time--;
					if (this.count_time == 0) {
						clearInterval(count);
					}
				}, 1000);
			},

			// 同意签协议
			onAgree() {
				if (this.count_time == 0) {
					let data = {
						id: this.id
					};
					http.request('demand/secrecy', data)
						.then((res) => {
							uni.showToast({
								title: res.message
							});
							this.onClose();
							this.getInfo();
						})
						.catch((res) => {
							uni.showToast({
								title: res.message,
								icon: 'none'
							});
						});
				}
			},

			// 去查看公众号
			goWeb() {
				uni.navigateTo({
					url: '/pages/webview/webview'
				});
			},

			// 打电话
			onCall(e) {
				uni.makePhoneCall({
					phoneNumber: e
				});
			},

			//  查看图片
			onImg(e) {
				let src = e.currentTarget.dataset.src;
				let path = e.currentTarget.dataset.path;
				uni.previewImage({
					urls: path,
					current: src
				});
			},

			// 关闭
			onClose() {
				this.show_list = [false, false, false, false, false, false, false]
				this.$forceUpdate()
			},
			onNaviTo(e) {
				if (this.type == 'user') {
					let path = e.currentTarget.dataset.path;
					uni.redirectTo({
						url: path
					});
				} else {
					if(this.userSettled.status === 3){
						uni.showToast({
							title:"已驳回该报价",
							icon:"none"
						})
						return
					}
					this.rejectPopup = true
					// uni.navigateTo({
					// 	url: "/pages/receivedQuotation/receivedQuotation?id=" + this.info.id
					// })
				}

			},
			bh() {
				if( this.bhInput.trim() == "" ){
					uni.showToast({
						title:"填写对该报价的意见或问题",
						icon:"none"
					})
					return
				}
				http.request('demand/bh', {
						id: this.quotationId,
						content: this.bhInput,
					})
					.then((res) => {
						uni.showToast({
							title:"提交成功",
							icon:"none"
						})
						this.getInfo();
						this.rejectPopup = false
					})
					.catch((res) => {
						console.log(res);
					});
			},
			// 获取详情
			getInfo() {
				if (this.quotationId) {
					http.request('demand/quotationInfo', {
							id: this.quotationId
						})
						.then((res) => {
							this.userSettled = res.data.info
							if (this.type == 'supplier') {
								this.leave_message = this.userSettled.leave_message ? this.userSettled.leave_message :
									''
							} else {
								this.leave_message = this.userSettled.leave_message ? this.userSettled.leave_message :
									'暂无回复信息'
							}
							this.$nextTick(() => {
								uni.createSelectorQuery().in(this).select("#content").boundingClientRect((
									data) => {
									uni.pageScrollTo({
										scrollTop: data.top,
										duration: 0
									})
								}).exec();
							})
						})
						.catch((res) => {
							console.log(res);
						});
				}
				http.request('demand/demandInfo', {
						id: this.id
					})
					.then((res) => {
						let content = res.data.disclaimer_agreement.replace(/<img/g, '<img class="rich-text-img"');
						this.info = res.data.info
						this.info_num = res.data
						this.content = content
						this.count = res.data.count
					})
					.catch((res) => {
						uni.showToast({
							title: res.message,
							icon: "none"
						})
					});
			},

			// 支付积分查看需求
			onViewNow() {
				let data = {
					id: this.id
				};
				http.request('demand/seeDemand', data)
					.then((res) => {
						this.info.company = res.data.company
						this.info.email = res.data.email
						this.info.mobile = res.data.mobile
						this.info.username = res.data.username
						this.info.is_mobile = res.data.is_mobile
						this.info_num.is_pay = 1
						this.onClose();
					})
					.catch((res) => {
						if (res.code == 206) {
							this.show_list[1] = true
							this.$forceUpdate()
						} else {
							uni.showToast({
								title: res.message,
								icon: 'none'
							});
						}
					});
			},

			onSwiper(e) {
				let item = e.currentTarget.dataset.item;
				if (item.url == '/pages/landing/landing') {
					uni.navigateTo({
						url: '/pages/landing/landing'
					});
					return
				}
				if (item.url_type === 6) {
					uni.navigateTo({
						url: '/pages/recharge/recharge'
					});
					// if (uni.getSystemInfoSync().platform === 'ios') {
					// 	uni.navigateTo({
					// 		url: '/pages/recharge/iosvip'
					// 	});
					// } else {
					// 	uni.navigateTo({
					// 		url: '/pages/recharge/recharge'
					// 	});
					// }
					return
				}
				switch (item.url_type) {
					case 1:
						uni.redirectTo({
							url: '/pages/demand/subDemand'
						});
						break;
					case 2:
						uni.navigateTo({
							url: '/pages/order/shopDetail?id=' + item.goods_id
						});
						break;
					case 3:
						uni.redirectTo({
							url: '/pages/shopping/shopping'
						});
						break;
					case 4:
						uni.navigateTo({
							url: '/pages/content/content?id=' + item.id
						});
						break;
					case 5:
						uni.navigateTo({
							url: '/pages/settled/setPage'
						});
						break;
					case 7:
						uni.navigateTo({
							url: '/subPack/out/out?url=' + item.url
						});
						break;
					case 8:
						uni.navigateTo({
							url: '/pages/demand/demand'
						});
						break;
					case 9:
						uni.navigateTo({
							url: '/pages/myQuotation/myQuotation'
						});
						break;
					case 10:
						uni.navigateTo({
							url: '/pages/myInquiry/myInquiry'
						});
						break;
						case 11:
						uni.redirectTo({
							url: '/pages/shopping/shopping'
						});
						break;
				}
			},

			// 去刀具商城
			goShop() {
				uni.reLaunch({
					url: '/pages/shopping/shopping'
				});
			},

			// 获取个人信息
			getUserInfo() {
				http.request('user/userInfo')
					.then((res) => {
						console.log(res, '-------------');
						this.grade = res.data.userInfo.grade
						this.user_info = res.data.userInfo
							this.userIS=res.data.is_info
						this.$nextTick(() => {
							uni.createSelectorQuery().in(this).select("#content").boundingClientRect((
								data) => {
								uni.pageScrollTo({
									scrollTop: data.top,
									duration: 0
								})
							}).exec();
						})
						if (res.data.userInfo.status != 1) {
							uni.showToast({
								title: '该账号已被冻结',
								icon: 'none'
							});
							setTimeout(() => {
								uni.navigateBack({
									delta: 1
								});
							}, 1000);
						}
					})
					.catch((res) => {
						uni.showToast({
							title: res.message,
							icon: 'none'
						});
					});
			},

			// 去充值
			goVip1() {
				uni.navigateTo({
					url: '/pages/recharge/recharge'
				});
			},

			goVip2() {
				uni.navigateTo({
					url: '/pages/recharge/recharge'
				});
				// uni.navigateTo({
				// 	url: '/pages/recharge/iosvip'
				// });
			},

			wxAuthLogin() {
				return new Promise((reslove, reject) => {
					let that = this;
					uni.login({
						complete: (res) => {
							let data = {
								code: res.code
							};
							let h = {
								'content-type': 'application/x-www-form-urlencoded'
							};
							uni.request({
								url: http.appUrl + 'login/getLogin',
								data: data,
								method: 'POST',
								header: h,
								success: (res) => {
									uni.setStorageSync('token', res.data.data.token.token);
									uni.setStorageSync('is_login', res.data.code);
									reslove();
								},
								fail(res) {
									console.log(res);
								}
							});
						}
					});
				});
			}
		}
	};

	// 保存图片
	// saveImage() {
	//   let t = this;
	//   wx.showLoading({
	//     title: "保存中...",
	//     mask: true,
	//   });
	//   wx.downloadFile({
	//     url: t.data.img,
	//     success (res) {
	//       if (res.statusCode === 200) {
	//         let img = res.tempFilePath;
	//         wx.saveImageToPhotosAlbum({
	//           filePath: img,
	//           success(res) {
	//             wx.showToast({
	//               title: "保存成功",
	//               icon: "success",
	//               duration: 2000,
	//             });
	//             t.onClose();
	//           },
	//           fail(res) {
	//             t.onClose();
	//             wx.showToast({
	//               title: "保存失败",
	//               icon: "none",
	//               duration: 2000,
	//             });
	//           },
	//         });
	//       }
	//     },
	//   });
	// },

	// 分享次数
	// getShareNum() {
	//   http
	//     .request("base/userShareNumber")
	//     .then((res) => {
	//       this.setData({
	//         share_num: res.data.number,
	//       });
	//     })
	//     .catch((res) => {
	//       console.log(res);
	//     });
	// },

	// 查看弹框
	// onSee(e) {
	//   let i = e.currentTarget.dataset.type;
	//   let status = this.data.show_list[i];
	//   this.onClose();
	//   this.setData({
	//     [`show_list[${i}]`]: !status,
	//     see_title: "如何获取积分",
	//   });
	// },

	// 分享次数提醒
	// onShareTips() {
	//   wx.showToast({
	//     title: "每日最多可分享2次，您今日已分享过2次啦~",
	//     icon: "none",
	//   });
	// },
</script>
<style>
	@import '../../pages/demand/demandDetails.css';
</style>
<style lang="scss">
	.watermark{
		position: absolute;
		right: 150rpx;
		top: 20rpx;
		width: 170rpx;
		height: 170rpx;
		
		image{
			width: 100%;
			height: 100%;
		}
	}
	.rejectPopup {
		text-align: center;
		background: #FFF;
		width: 600rpx;
		border-radius: 30rpx;
		box-sizing: border-box;
		padding: 40rpx 30rpx 30rpx;

		.PopupTitle {
			font-weight: bold;
			font-size: 32rpx;
			padding: 0rpx 0 30rpx;
		}

		.PopupImportant {
			color: #F00;
			margin: 10rpx 0 50rpx;
			text-align: left;
			line-height: 1.5;
			font-size: 24rpx;
		}

		.rejectBtn {
			padding: 20rpx;
			background-color: #F00;
			color: #FFF;
			font-size: 30rpx;
			border-radius: 100rpx;
		}
	}

	.bgcr {
		background-color: #F00 !important;
	}

	.popupBox {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.popupImg {
		width: 550rpx;
	}

	.popupOut {
		width: 50rpx;
		height: 50rpx;
		margin-top: 100rpx;
	}

	.loginPopup {
		width: 550rpx;
		height: 200rpx;
		background-color: #FFF;
		border-radius: 20rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: center;
	}

	.loginPopup>view:first-child {
		color: #000;
		font-size: 28rpx;
		font-weight: bold;
	}

	.loginPopup>view:last-child {
		font-size: 30rpx;
		border-radius: 12rpx;
		font-weight: bold;
		color: #FFF;
		padding: 15rpx 170rpx;
		background-color: #01C060;
	}

	.copyBtn {
		color: #FFF;
		background-color: #1050c7;
		font-size: 24rpx;
		padding: 7rpx 21rpx;
		border-radius: 10rpx;
	}

	.quotationInfoBox {
		display: flex;
		align-items: center;
		justify-content: space-between;

		.quotationInfo {
			font-size: 24rpx;
			background: #E5E5E5;
			padding: 6rpx 30rpx;
			border-radius: 10rpx;
		}
	}

	.supplierBox {
		display: flex;
		align-items: center;
		justify-content: space-between;

		>view {
			display: flex;
			align-items: center;
		}

		.supplierType {
			color: #0FD222;
			font-size: 20rpx;
			border-radius: 30rpx;
			border: 1rpx solid #0FD222;
			margin-left: 20rpx;
			padding: 2rpx 10rpx;
		}

		.supplierBtn {
			color: #1050c7;
			border: 1rpx solid #1050c7;

			font-size: 24rpx;

			padding: 6rpx 20rpx;
			border-radius: 10rpx;
		}
	}
</style>